
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="author" content="甘忠祥">
    <title>作业</title>
    <style>
        div{
            text-align: center;
        }
        main{
            position: relative;
            bottom: 1780px;
            left: 400px;
        }
        a{
            text-decoration: none;
            color: black;
            font-size: 30px;
            font-family:"楷体";
        }
        .touxiang{
            width: 100px;
            border-radius: 50%;
            position: absolute;
            left: 150px;
        }
    </style>
</head>

<body>
    <img class="touxiang" src="./轮播/img/QQ图片20170816222736.jpg" alt="">
    <!-- <p>fighting</p> -->
<div><img src="./轮播/img/qianming.png" alt=""></div>
<div>
    <img src="./轮播/img/9.png" alt="">
</div>
<main>  
<a href="./百度新闻/百度新闻.html">百度新闻·</a>
<a href="./轮播/轮播图片.html">轮播图片·</a>
<a href="./千图网/千图网.html">千图网·</a>
<a href="./人物变换/改变图片路径.html">改变图片路径·</a>
<a href="./人物变换/改变透明度.html">改变透明度·</a>
<a href="./人物变换/提示框效果.html">提示框效果·</a>
<a href="./人物变换/导航.html">导航</a><br>
<a href="./人物变换/下拉列表.html">下拉列表·</a>
<a href="./倒计时.html">倒计时·</a>
<a href="./唯品会/index.html">唯品会·</a>
<a href="./简单jQ效果/选项卡.html">选项卡·</a>
<a href="./简单jQ效果/下拉菜单.html">下拉菜单·</a>
<a href="./简单jQ效果/模拟select.html">模拟select·</a>
<a href="./简单jQ效果/订单.html">订单·</a>
<a href="./遮罩层/遮罩层.html">遮罩层</a><br>
<a href="./遮罩层/jq轮播图.html">jq轮播图·</a>
<a href="./遮罩层/jq星级评分.html">jq星级评分·</a>
<a href="./遮罩层/图片切换.html">图片切换·</a>
<a href="./遮罩层/输入字数统计.html">输入字数统计·</a>
<a href="./小米官方购物商城/index.html" style="color:aquamarine">小米官方商城</a>

</main>
</body>
